<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="styles.css">



</head>
<body>
    <div class="container">
        <!-- 头像部分，图片路径需替换为实际路径 -->
        <div class="profile-pic">
            <img src="img/head.png" alt="用户头像">
        </div>
        <form action="#" method="post"> <!-- 表单提交地址需根据实际情况填写 -->
            <!-- 用户名输入框 -->
            <div class="input-group">
                <label for="username">用户名（有效手机号）</label>
                <input type="text" id="username" name="username" required pattern="[0-9]{11}" placeholder="请输入手机号">
            </div>
            <!-- 密码输入框 -->
            <div class="input-group">
                <label for="password">密码（至少6个字符，只允许字母和数字）</label>
                <input type="password" id="password" name="password" required minlength="6" pattern="[A-Za-z0-9]+" placeholder="请输入密码">
            </div>
            <!-- 登录按钮 -->
            <button type="submit" class="login-button">登录</button>
            <!-- 记住我复选框 -->
            <label class="remember-me">
                <input type="checkbox" name="remember_me"> 记住我
            </label>
           

            
        </form>
    </div>
</body>
</html>
